<template>
  <div class="accueil">
    <!-- 导航栏  -->
    <NavBar></NavBar>
    <!-- 菜单栏下各页面 -->
    <div >
      <router-view />
    </div>
    <!-- 底部底页 -->
    <Footer></Footer>
  </div>
</template>

<script>
import "@/assets/css/style.css";
import NavBar from "@/components/NavBar.vue";
import Footer from "@/components/Footer.vue";
export default {
  name: "index",
  data() {
    return {
      imgArr: [
        // 图片数组
        {
          src: "../../images/mybstis.png",
        },
        {
          src: "../../images/spring.png",
        },
        { src: "../../images/vue.png" },
      ],
      selected: 0, // 当前展示的图片
      imgWidth: 600, // 图片宽度
      flag: true, // 节流阀，防止连续点击切换
    };
  },

  components: {
    NavBar,
    Footer
  },
};
</script>

<style></style>
